.introjs-tooltip-header {
  display: none;
}

.introjs-arrow{
  display: none !important;
}

.introjs-helperLayer{

  box-shadow: unset !important;
  outline: .1px solid transparent !important;
 
}

.hvr-buzz{
  animation-name: hvr-buzz;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes hvr-buzz {
  94% {
      transform: translateX(0) rotate(0deg);
  }

  96% {
    transform: translateX(-12px) ;
  }

  98% {
    transform: translateX(12px) ;
  }

  100% {
    transform: translateX(-12px);
  }
}


.border-none{
  border: none !important;
}

.introjs-tooltiptext {
  position: relative !important;
  padding: 5px 5px !important;
  /* font-family: title, sans-serif !important; */
  font-size: 1.7em !important;
  color:#E38710 !important;

}

.introjs-tooltiptext::before{
  position: absolute;
  top: -4px;
  left: -9px;
  width: 70px;
  height: 14px;
  content: '';
  /* background-image: url("@/assets/guide/tooltip_mark.png"); */
  background-size: 100% 100%;
  transform: skewX(10deg);
  transform: scale(.8);
}

.introjs-tooltip{
  left:20% !important;
  margin: 0 auto;
  width:max-content !important;
  min-width: unset !important;
  filter: drop-shadow(0 0 0.75rem #f7df59);
  box-shadow:unset;
  background-color: #fff !important;
  /* transform: skewX(-10deg); */
}
/* .introjs-tooltip::before {
  content: '';
  position: absolute;
  left: -60px; 
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-image: url('../assets/logo.png'); 
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%; 
  margin-right: 10px; 
} */



.introjs-overlay, .introjs-tooltipReferenceLayer, .introjs-helperLayer{
  /* z-index: 10; */
}
.introjs-overlay{
  z-index: 10 !important;
}
